@import "../common/variable.less";
@import "../common/mixins.less";

.panel-selector{
    .selector-path{
        .clearFix();
        .class-item{
            line-height: 20px;
            float: left;
            background: @itemBg;
            cursor: pointer;
            .no-select();
            &.used{
                color: #ffd39b;
            }
        }
        .selector-item{
            position: relative;
            float: left;
            margin-bottom: 5px;
            &:before, &:after{
                width: 0;
                height: 0;
                border-style: solid;
                content: "";
                float: left;
            }
            &:before{
                width: 0;
                height: 0px;
                border-left: 5px solid transparent; 
                border-right: 5px solid @itemBg;
                border-top: 10px solid @itemBg;
                border-bottom: 10px solid @itemBg;
            }
            &:after{
                border-color: transparent transparent transparent @itemBg;
                border-width: 10px 0 10px 5px;
            }
        }
    }
}